.bg{ background-color: #f4f5ff; min-height: 100vh;}
.banner image{display: block; width: 100%;}
.items{display: flex; justify-content: space-between; flex-wrap: wrap;}
.items .item{width: 340rpx; height: 340rpx; margin: 20rpx 0; background-color: #fff; border-radius: 10rpx; box-shadow: 0 0 10rpx rgba(0,0,0,.2);}
.items .item h3{font-size: 34rpx; font-weight: bold;}
.items .item image{display: block; width: 100%; height: 100%;}

.list{}
.list .item{position: relative; padding: 20rpx;  background-color: #fff; border-radius: 10rpx; margin-top: 15rpx; border: 1px solid #fff;}
.list .item h3{font-size: 28rpx; font-weight: bold;}
.list .item.selected{border: 1px solid #f56c6c; background-color: #ffe7e7;}
.list .item .btn{position: absolute; right: 20px; top: 80rpx;  width: 100rpx;}
.userList{display: flex; flex-wrap: wrap; margin-top: 20rpx;}
.userList li{padding: 5rpx 0; margin-top: 10rpx; font-size: 24rpx; }
.userList li.label{background-color: #f56c6c;padding: 5rpx 15rpx; margin-right: 18rpx; color: #fff; border: 1px solid #f56c6c; border-radius: 5rpx;}
.userList li.sBold{font-weight: bold;  text-decoration: underline;}
.logo image{display: block; width: 60%; margin: 0 auto ;}

.fixBottom{position: fixed; left: 0; bottom: 0; width: 100%; padding: 20rpx 0 40rpx; background-color: #fff; box-shadow: 0 -5rpx 10rpx rgba(0,0,0,.2); z-index: 100;}

.loadBox{position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: rgba(255,255,255,.7); z-index: 99999; }

.popcontent{width: 500rpx; padding: 25rpx; background-color: #fff; border-radius: 10rpx;}
.popcontent h4{font-size: 28rpx; font-weight: bold; margin-bottom: 20rpx;}
.popcontent .btn{margin-top: 20rpx;}

.flexBox{display: flex; justify-content: space-between;}

.bm_list{position: relative; display: flex;border: 1rpx solid #dee7f0;}
.loading{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,.9);}
.bm_tlt{height: 70rpx;line-height: 70rpx;padding-left: 15rpx;border-bottom: 1rpx solid #dee7f0;font-size: 26rpx;font-weight: 700;background-color: #fafdff;}

.bm_list .bm_list_con{width: 100%}
.bm_list .bm_list_con + .bm_list_con{border-left: 1rpx solid #dee7f0;}
.bm_list .bm_list_con ul{max-height: calc(100vh - 550rpx); overflow: auto;}
.bm_list .bm_list_con ul li{height: 70rpx;line-height: 70rpx;padding-left: 15rpx;font-size: 26rpx;cursor: pointer;}
.bm_list .bm_list_con ul li.active{padding-left: 12rpx;border-left: 3rpx solid #d9232f;background: #f5f8fa;color: #d9232f;font-weight: 700;border-top: 1rpx solid #dee7f0;border-bottom: 1rpx solid #dee7f0;}

.bm_list_table{width: 40%;border-left: 1rpx solid #dee7f0;}
.bm_list_table .table{width: 100%}
.bm_list_table ._table ._tr{display: flex;}
.bm_list_table ._table ._th{width: 50%; height: 49rpx;background-color: #fafdff;font-size: 26rpx;padding: 8rpx 18rpx; text-align: left;}
.bm_list_table ._table ._td{width: 50%; border-color: #fafdff;background: #fafdff;font-size: 26rpx;padding: 13rpx 18rpx;}

.treeBox{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); z-index: 999;}
.treeBox .treeContent{position: relative; width: 90%; margin:180rpx auto 50rpx; z-index: 10; background-color: #fff; padding: 25rpx;}
.confirmBox{margin-top: 30rpx;}

.name{ display: flex; align-items: center; font-size: 26rpx;}
.name label{flex-shrink: 0; padding: 15rpx 0;}
.name .namespace{width: 100%;  border-bottom: 1px solid #eee; padding: 15rpx 0; font-weight: bold;}

.user{position: absolute; top: 500rpx; left: 40rpx; width: 620rpx; padding: 15rpx 25rpx; background-color: #fff; border-radius: 10rpx; border: 1px solid #d9232f;}